﻿<!DOCTYPE html>
<html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title>溯源云服务</title>
	<!-- Font ================================================== -->
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700"> 
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lato:300,400,500,600,700">
	<link href="favicon.ico" type="image/x-icon" rel="icon">
	<!-- Helpers ================================================== -->
	<meta property="og:type" content="website">
	<meta property="og:title" content="Home Market - Responsive HTML5 theme">
	<meta property="og:image" content="/assets/images/logo.png">
	<meta property="og:image:secure_url" content="/assets/images/logo.png">
	<meta property="og:url" content="#">
	<meta property="og:site_name" content="Home Market Red">
	<meta name="twitter:site" content="@">
	<meta name="twitter:card" content="summary">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<!-- CSS ================================================== -->
	<link href="/assets/css/jquery.fancybox.css" rel="stylesheet" type="text/css" media="all">
	<link rel="stylesheet" href="/assets/css/font-awesome.min.css">
	<link href="/assets/css/animate.min.css" rel="stylesheet" type="text/css" media="all">
	<link href="/assets/css/swatch.css" rel="stylesheet" type="text/css" media="all">
	<link href="/assets/css/owl.carousel.min.css" rel="stylesheet" type="text/css" media="all">
	<link href="/assets/css/flexslider.css" rel="stylesheet" type="text/css" media="all">
	<link href="/assets/css/timber.scss.css" rel="stylesheet" type="text/css" media="all">
	<link href="/assets/css/home_market.global.scss.css" rel="stylesheet" type="text/css" media="all">
	<link href="/assets/css/home_market.style.scss.css" rel="stylesheet" type="text/css" media="all">
	<link href="/assets/css/tada.css" rel="stylesheet" type="text/css" media="all">
	<link href="/assets/css/spr.css" rel="stylesheet" type="text/css" media="all">
	<!-- JS ================================================== -->
	<script src="/assets/js/jquery.min.js" type="text/javascript"></script>
	<script src="/assets/js/jquery.fancybox.min.js" type="text/javascript"></script>
	<script src="/assets/js/owl.carousel.min.js" type="text/javascript"></script>
	<script src="/assets/js/jquery.tweet.min.js" type="text/javascript"></script>
	<script src="/assets/js/jquery.optionSelect.js" type="text/javascript"></script>
	<script src="/assets/js/jquery.flexslider-min.js" type="text/javascript"></script>

	<script src="/assets/js/collectionThirdProducts.js" type="text/javascript"></script>
	<!---------------------------------------------------------------------------->
	<link href="/assets/new/js/bootstrap-3.3.7/css/bootstrap.css" rel="stylesheet">
	<link href="/assets/new/css/bootstrap.css" rel="stylesheet">
	<link href="/assets/new/css/productList.css" rel="stylesheet">
	<link rel="stylesheet" href="/assets/new/css/jquery-ui-1.9.2.custom.min.css">
	<script type="text/javascript" src="/assets/new/js/jquery-ui-1.9.2.custom.min.js"></script>
	<script src="/assets/new/js/bootstrap-3.3.7/js/bootstrap.min.js"></script>
	<script src="/assets/new/js/Pagination.js"></script>
	<script src="/assets/js/collectionSecond.js"></script>
	<script src="/assets/new/js/bootstrap.js"></script>
	<script src="assets/js/top_head_user.js" type="text/javascript"></script>


</head>

<body id="products" class="template-collection">
     


	<div id="NavDrawer" class="drawer drawer--left">
		<div class="drawer__header">
			<div class="drawer__title h3">
				Browse
			</div>
			<div class="drawer__close js-drawer-close">
				<button type="button" class="icon-fallback-text">
				<span class="icon icon-x" aria-hidden="true"></span>
				<span class="fallback-text">Close menu</span>
				</button>
			</div>
		</div>
		<!-- begin mobile-nav -->
		<ul class="mobile-nav">
			<li class="mobile-nav__item mobile-nav__item--active">
				<a href="#" class="mobile-nav__link">Home</a>
			</li>
			<li class="mobile-nav__item" aria-haspopup="true">
				<div class="mobile-nav__has-sublist">
					<a href="collection.html" class="mobile-nav__link">Collections</a>
					<div class="mobile-nav__toggle">
						<button type="button" class="icon-fallback-text mobile-nav__toggle-open">
						<span class="icon icon-plus" aria-hidden="true"></span>
						<span class="fallback-text">See More</span>
						</button>
						<button type="button" class="icon-fallback-text mobile-nav__toggle-close">
						<span class="icon icon-minus" aria-hidden="true"></span>
						<span class="fallback-text">"Close Cart"</span>
						</button>
					</div>
				</div>
				<ul class="mobile-nav__sublist">
					<li class="mobile-nav__item ">
					<a href="collection.html" class="mobile-nav__link">Book</a>
					</li>
					<li class="mobile-nav__item ">
					<a href="collection.html" class="mobile-nav__link">Health &amp; Beatuty</a>
					</li>
					<li class="mobile-nav__item ">
					<a href="collection.html" class="mobile-nav__link">Homelife</a>
					</li>
					<li class="mobile-nav__item ">
					<a href="collection.html" class="mobile-nav__link">Home Appliances</a>
					</li>
					<li class="mobile-nav__item ">
					<a href="collection.html" class="mobile-nav__link">Smartphones &amp; Cell Phones</a>
					</li>
					<li class="mobile-nav__item ">
					<a href="collection.html" class="mobile-nav__link">Camera - Camcorder</a>
					</li>
					<li class="mobile-nav__item ">
					<a href="collection.html" class="mobile-nav__link">Accessories</a>
					</li>
					<li class="mobile-nav__item ">
					<a href="collection.html" class="mobile-nav__link">Kids &amp; Baby</a>
					</li>
					<li class="mobile-nav__item ">
					<a href="collection.html" class="mobile-nav__link">Toy and Gift</a>
					</li>
					<li class="mobile-nav__item ">
					<a href="collection.html" class="mobile-nav__link">Stationery</a>
					</li>
				</ul>
			</li>
			<li class="mobile-nav__item" aria-haspopup="true">
			<div class="mobile-nav__has-sublist">
				<a href="collection.html" class="mobile-nav__link">Shop</a>
				<div class="mobile-nav__toggle">
					<button type="button" class="icon-fallback-text mobile-nav__toggle-open">
					<span class="icon icon-plus" aria-hidden="true"></span>
					<span class="fallback-text">See More</span>
					</button>
					<button type="button" class="icon-fallback-text mobile-nav__toggle-close">
					<span class="icon icon-minus" aria-hidden="true"></span>
					<span class="fallback-text">"Close Cart"</span>
					</button>
				</div>
			</div>
			<ul class="mobile-nav__sublist megamenu__dropdown mobile_megamenu_1">
				<li class="nav-sampletext grid__item small-one-whole">
				<a href="#"><img src="/assets/images/logo-b.png" alt=""></a>
				<p>
					Lorem ipsum dolor sit amet, quod fabellas hendrerit per eu, mea populo epicuri et, ea possim numquam mea.
				</p>
				<p>
					Duo harum ornatus ponderum an, at ius zril menandri praesent. Bonorum tacimates interesset has ei, pro ignota prodesset at. Vel ea velit percipitur.
				</p>
				</li>
				<li class="nav-links nav-links01 grid__item small-one-whole">
				<ul>
					<li class="list-title">1st Collections</li>
					<li class="list-unstyled nav-sub-mega">
					<a href="collection.html">Book</a>
					</li>
					<li class="list-unstyled nav-sub-mega">
					<a href="collection.html">Health &amp; Beatuty</a>
					</li>
					<li class="list-unstyled nav-sub-mega">
					<a href="collection.html">Homelife</a>
					</li>
					<li class="list-unstyled nav-sub-mega">
					<a href="collection.html">Home Appliances</a>
					</li>
					<li class="list-unstyled nav-sub-mega">
					<a href="collection.html">Smartphones &amp; Cell Phones</a>
					</li>
				</ul>
				</li>
				<li class="nav-links nav-links02 grid__item small-one-whole">
				<ul>
					<li class="list-title">2nd Collections</li>
					<li class="list-unstyled nav-sub-mega">
					<a href="collection.html">Camera - Camcorder</a>
					</li>
					<li class="list-unstyled nav-sub-mega">
					<a href="collection.html">Accessories</a>
					</li>
					<li class="list-unstyled nav-sub-mega">
					<a href="collection.html">Kids &amp; Baby</a>
					</li>
					<li class="list-unstyled nav-sub-mega">
					<a href="collection.html">Toy and Gift</a>
					</li>
					<li class="list-unstyled nav-sub-mega">
					<a href="collection.html">Stationery</a>
					</li>
				</ul>
				</li>
				<li class="nav-links nav-links03 grid__item small-one-whole">
				<ul>
					<li class="list-title">Pages</li>
					<li class="list-unstyled nav-sub-mega">
					<a href="collection.html">All Collections</a>
					</li>
					<li class="list-unstyled nav-sub-mega">
					<a href="collection.htmll">All Products</a>
					</li>
					<li class="list-unstyled nav-sub-mega">
					<a href="collection.htmls">About us</a>
					</li>
					<li class="list-unstyled nav-sub-mega">
					<a href="collection.html">Contact us</a>
					</li>
					<li class="list-unstyled nav-sub-mega">
					<a href="collection.html">Wishlist</a>
					</li>
				</ul>
				</li>
			</ul>
			</li>
			<li class="mobile-nav__item">
			<a href="collection.html" class="mobile-nav__link">Today's Deals</a>
			</li>
			<li class="mobile-nav__item">
			<a href="blog.html" class="mobile-nav__link">Blog</a>
			</li>
			<li class="mobile-nav__item">
			<a href="lookbook.html" class="mobile-nav__link">Lookbook</a>
			</li>
			<!-- Customer links -->
			<li class="mobile-nav__item">
			<a href="login.html" id="customer_login_link">Log in</a>
			</li>
			<li class="mobile-nav__item">
			<a href="register.html" id="customer_register_link">Create New Account</a>
			</li>
		</ul>
	</div>
	
	<div id="CartDrawer" class="drawer drawer--right fancybox-margin">
		<div class="drawer__header">
			<div class="drawer__title h3">
				Shopping Cart
			</div>
			<div class="drawer__close js-drawer-close">
				<button type="button" class="icon-fallback-text">
				<span class="icon icon-x" aria-hidden="true"></span>
				<span class="fallback-text">"Close Cart"</span>
				</button>
			</div>
		</div>
		<div id="CartContainer">
			<form action="./cart.html" method="post" novalidate="" class="cart ajaxcart">
				<div class="ajaxcart__inner">
					<div class="ajaxcart__product">
						<div class="ajaxcart__row" data-line="1">
							<div class="grid">
								<div class="grid__item one-quarter">
									<a href="product.html" class="ajaxcart__product-image"><img src="/assets/images/demo1_cart1.jpg" alt=""></a>
								</div>
								<div class="grid__item three-quarters">
									<p>
										<a href="product.html" class="ajaxcart__product-name">Demo Product Sample</a>
										<span class="ajaxcart__product-meta">S / Red</span>
									</p>
									<div class="grid--full display-table">
										<div class="grid__item">
											<div class="ajaxcart__qty">
												<button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text" data-id="8772444163" data-qty="0" data-line="1">
												<span class="icon icon-minus" aria-hidden="true"></span>
												<span class="fallback-text">?</span>
												</button>
												<input type="text" name="updates[]" class="ajaxcart__qty-num" value="1" min="0" data-id="8772444163" data-line="1" aria-label="quantity" pattern="[0-9]*">
												<button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text" data-id="8772444163" data-line="1" data-qty="2">
												<span class="icon icon-plus" aria-hidden="true"></span>
												<span class="fallback-text">+</span>
												</button>
											</div>
										</div>
										<div class="grid__item">
											<span class="money" data-currency-usd="$34.00 USD" data-currency="USD">$34.00 USD</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="ajaxcart__product">
						<div class="ajaxcart__row" data-line="2">
							<div class="grid">
								<div class="grid__item one-quarter">
									<a href="product.html" class="ajaxcart__product-image"><img src="/assets/images/demo1_cart2.jpg" alt=""></a>
								</div>
								<div class="grid__item three-quarters">
									<p>
										<a href="product.html" class="ajaxcart__product-name">Demo Product Sample</a>
										<span class="ajaxcart__product-meta">Medium / Pink</span>
									</p>
									<div class="grid--full display-table">
										<div class="grid__item">
											<div class="ajaxcart__qty">
												<button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text" data-id="10722484483" data-qty="0" data-line="2">
												<span class="icon icon-minus" aria-hidden="true"></span>
												<span class="fallback-text">?</span>
												</button>
												<input type="text" name="updates[]" class="ajaxcart__qty-num" value="1" min="0" data-id="10722484483" data-line="2" aria-label="quantity" pattern="[0-9]*">
												<button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text" data-id="10722484483" data-line="2" data-qty="2">
												<span class="icon icon-plus" aria-hidden="true"></span>
												<span class="fallback-text">+</span>
												</button>
											</div>
										</div>
										<div class="grid__item">
											<span class="money" data-currency-usd="$100.00 USD" data-currency="USD">$100.00 USD</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="ajaxcart__product">
						<div class="ajaxcart__row" data-line="3">
							<div class="grid">
								<div class="grid__item one-quarter">
									<a href="product.html" class="ajaxcart__product-image"><img src="/assets/images/demo1_cart3.jpg" alt=""></a>
								</div>
								<div class="grid__item three-quarters">
									<p>
										<a href="product.html" class="ajaxcart__product-name">Demo Product Sample</a>
										<span class="ajaxcart__product-meta">XS / Black</span>
									</p>
									<div class="grid--full display-table">
										<div class="grid__item">
											<div class="ajaxcart__qty">
												<button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text" data-id="8772462979" data-qty="0" data-line="3">
												<span class="icon icon-minus" aria-hidden="true"></span>
												<span class="fallback-text">?</span>
												</button>
												<input type="text" name="updates[]" class="ajaxcart__qty-num" value="1" min="0" data-id="8772462979" data-line="3" aria-label="quantity" pattern="[0-9]*">
												<button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text" data-id="8772462979" data-line="3" data-qty="2">
												<span class="icon icon-plus" aria-hidden="true"></span>
												<span class="fallback-text">+</span>
												</button>
											</div>
										</div>
										<div class="grid__item">
											<span class="money" data-currency-usd="$89.00 USD" data-currency="USD">$89.00 USD</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div>
						<label for="CartSpecialInstructions">Special instructions for seller</label>
						<textarea name="note" class="input-full" id="CartSpecialInstructions"></textarea>
					</div>
				</div>
				<div class="ajaxcart__footer">
					<div class="grid--full">
						<div class="grid__item title-total">
							<p>
								Subtotal
							</p>
						</div>
						<div class="grid__item price-total">
							<p>
								<span class="money" data-currency-usd="$223.00 USD" data-currency="USD">$223.00 USD</span>
							</p>
						</div>
					</div>
					<p class="text-center">
						Shipping &amp; taxes calculated at checkout
					</p>
					<button type="button" class="btn btn--full cart__shoppingcart" name="shoppingCart" onclick="location.href='./cart.html'">
					Shopping Cart ? </button>
					<button type="submit" class="btn btn2 btn--full cart__checkout" name="checkout">
					Check Out ? </button>
				</div>
			</form>
		</div>
	</div>
	
	<div id="PageContainer" class="is-moved-by-drawer">
		<!-- Top Other -->
		<div id="top-header" class="grid--full grid--table">
			<div class="wrapper">
				<div id="topother-header" class="grid--full grid--table">
					<div id="top-header-user" class="grid__item one-half top-header-left">
						您好！欢迎来到农产品溯源云服务平台
					</div>
					<!--<div class="grid__item one-half top-header-right">-->
						<!--<div class="currency-picker">-->
							<!--<label class="currency-picker__wrapper">-->
							<!--<span class="currency-picker__label">Currency</span>-->
							<!--<select class="currency-picker" name="currencies" style="display: inline; width: auto; vertical-align: inherit;">-->
								<!--<option value="USD" selected="selected">USD</option>-->
								<!--<option value="INR">INR</option>-->
								<!--<option value="GBP">GBP</option>-->
								<!--<option value="CAD">CAD</option>-->
								<!--<option value="AUD">AUD</option>-->
								<!--<option value="EUR">EUR</option>-->
								<!--<option value="JPY">JPY</option>-->
							<!--</select>-->
							<!--</label>-->
						<!--</div>-->
						<!--<div class="fi-content inline-list social-icons">-->
							<!--<a href="#" title="Twitter" class="icon-social twitter" data-toggle="tooltip" data-placement="top"><i class="fa fa-twitter-square"></i></a>-->
							<!--<a href="#" title="Facebook" class="icon-social facebook" data-toggle="tooltip" data-placement="top"><i class="fa fa-facebook-square"></i></a>-->
							<!--<a href="#" title="Google+" class="icon-social google" data-toggle="tooltip" data-placement="top"><i class="fa fa-google-plus-square"></i></a>-->
							<!--<a href="#" title="Pinterest" class="icon-social pinterest" data-toggle="tooltip" data-placement="top"><i class="fa fa-pinterest-square"></i></a>-->
							<!--<a href="#" title="Youtube" class="icon-social youtube" data-toggle="tooltip" data-placement="top"><i class="fa fa-youtube-square"></i></a>-->
							<!--<a href="#" title="Vimeo" class="icon-social vimeo" data-toggle="tooltip" data-placement="top"><i class="fa fa-vimeo-square"></i></a>-->
						<!--</div>-->
					<!--</div>-->

				</div>
			</div>
		</div>

		<!-- Main Header -->
		<header class="site-header">
			<div class="wrapper">
				<div id="main-header" class="grid--full grid--table">
					<div class="grid__item small--one-whole medium--one-whole two-eighths" style="font-size: 30px;line-height: 85px;color: #0da944;">
						<h1 class="site-header__logo large--left" itemscope="" itemtype="http://schema.org/Organization">
							<a href="index.html" itemprop="url" class="site-header__logo-link">
								<img src="assets/images/iconTemp.jpg" alt="Home Market Red" itemprop="logo" width="100">
							</a>
						</h1>
						溯源云服务
					</div>
					<div class="grid__item small--one-whole medium--one-whole four-eighths mobile-bottom">
						<div class="large--hide medium-down--show navigation-icon">
							<div class="grid">
								<div class="grid__item one-half">
									<div class="site-nav--mobile">
										<button type="button" class="icon-fallback-text site-nav__link js-drawer-open-left" aria-controls="NavDrawer" aria-expanded="false">
										<span class="icon icon-hamburger" aria-hidden="true"></span>
										<span class="fallback-text">Menu</span>
										</button>
									</div>
								</div>
							</div>
						</div>
						<div class="site-header__search">
							<form action="/agriecomIndex/search/forward" method="get" class="input-group search-bar">
								<div class="collections-selector">
									<select class="single-option-selector" data-option="collection-option" id="collection-option" name="categoryId">
										<option value="">全部</option>
									</select>
								</div>
								<input type="hidden" name="type" value="product">
								<input type="search" name="keyword" value="" placeholder="" class="input-group-field st-default-search-input" aria-label="Search our store">

								<span class="input-group-btn">
								<button type="submit" class="btn icon-fallback-text">
								<i class="fa fa-search"></i>
								<span class="fallback-text">Search</span>
								</button>
								</span>
							</form>
						</div>
						<div class="large--hide medium-down--show navigation-cart">
							<div class="grid__item text-right">
								<div class="site-nav--mobile">
									<a href="cart.html" class="js-drawer-open-right site-nav__link" aria-controls="CartDrawer" aria-expanded="false">
									<span class="icon-fallback-text">
									<span class="icon icon-cart" aria-hidden="true"></span>
									<span class="fallback-text">Shopping Cart</span>
									</span>
									</a>
								</div>
							</div>
						</div>
					</div>
					<div class="grid__item small--one-whole two-eighths medium-down--hide">
						<ul class="link-list">
							<!--<li class="track-order">-->
								<!--<a href="store-location.html">-->
									<!--<i class="fa fa-map-marker"></i>-->
									<!--<span class="name">Store Location</span>-->
								<!--</a>-->
							<!--</li>-->
							<!--<li class="header-account">-->
								<!--<a href="#loginBox" id="login_link">-->
									<!--<i class="fa fa-user"></i>-->
									<!--<span class="name">My Account</span>-->
								<!--</a>-->
								<!--<div id="loginBox" class="loginLightbox" style="display:none;">-->
									<!--<div id="lightboxlogin">-->
										<!--<form method="post" action="./login.html" id="customer_login" accept-charset="UTF-8">-->
											<!--<input type="hidden" value="customer_login" name="form_type"><input type="hidden" name="utf8" value="?">-->
											<!--<div id="bodyBox">-->
												<!--<h3>Login</h3>-->
												<!--<label for="CustomerEmail" class="hidden-label">Email</label>-->
												<!--<input type="email" name="customer[email]" id="CustomerEmail" class="input-full" placeholder="Email">-->
												<!--<label for="CustomerPassword" class="hidden-label">Password</label>-->
												<!--<input type="password" value="" name="customer[password]" id="CustomerPassword" class="input-full" placeholder="Password">-->
												<!--<input type="submit" class="btn btn2 btn&#45;&#45;full" value="Sign In">-->
												<!--<div>-->
													<!--<p class="forgot">-->
														<!--<a href="#recover" onclick="showRecoverPasswordForm();return false;" id="RecoverPassword">Forgot your password?</a>-->
													<!--</p>-->
													<!--<p class="create">-->
														<!--<a href="#create_accountBox" onclick="showCreateAccountForm();return false;" id="CreateAccountPassword">Create New Account</a>-->
													<!--</p>-->
												<!--</div>-->
												<!--<p>-->
													<!--<a href="#" onclick="$.fancybox.close();">Close</a>-->
												<!--</p>-->
											<!--</div>-->
										<!--</form>-->
									<!--</div>-->
									<!--<div id="recover-password" style="display:none;">-->
										<!--<h3>Reset your password</h3>-->
										<!--<p class="note">-->
											<!--We will send you an email to reset your password.-->
										<!--</p>-->
										<!--<form method="post" action="recover.html" accept-charset="UTF-8">-->
											<!--<input type="hidden" value="recover_customer_password" name="form_type"><input type="hidden" name="utf8" value="?">-->
											<!--<p>-->
												<!--<label for="recover-email" class="label">Email</label>-->
											<!--</p>-->
											<!--<input type="email" value="" size="30" name="email" id="recover-email" class="text">-->
											<!--<div class="action_bottom">-->
												<!--<input class="btn btn2" type="submit" value="Submit">-->
												<!--<a class="btn back" href="#" onclick="hideRecoverPasswordForm();return false;">Back to Login</a>-->
											<!--</div>-->
											<!--<p class="close">-->
												<!--<a href="#" onclick="$.fancybox.close();">Close</a>-->
											<!--</p>-->
										<!--</form>-->
									<!--</div>-->
									<!--<div id="create_accountBox" style="display:none;">-->
										<!--<h3>Create Account</h3>-->
										<!--<div class="form-vertical">-->
											<!--<form method="post" action="./account.html" id="create_customer" accept-charset="UTF-8">-->
												<!--<input type="hidden" value="create_customer" name="form_type"><input type="hidden" name="utf8" value="?">-->
												<!--<label for="FirstName" class="hidden-label">First Name</label>-->
												<!--<input type="text" name="customer[first_name]" id="FirstName" class="input-full" placeholder="First Name">-->
												<!--<label for="LastName" class="hidden-label">Last Name</label>-->
												<!--<input type="text" name="customer[last_name]" id="LastName" class="input-full" placeholder="Last Name">-->
												<!--<label for="Email" class="hidden-label">Email</label>-->
												<!--<input type="email" name="customer[email]" id="Email" class="input-full" placeholder="Email">-->
												<!--<label for="CreatePassword" class="hidden-label">Password</label>-->
												<!--<input type="password" name="customer[password]" id="CreatePassword" class="input-full" placeholder="Password">-->
												<!--<p>-->
													<!--<input type="submit" value="Create" class="btn btn2 btn&#45;&#45;full">-->
												<!--</p>-->
												<!--<p>-->
													<!--<span><a class="btn" href="#" onclick="hideRecoverPasswordForm();return false;">Back to Login</a></span>-->
												<!--</p>-->
												<!--<p class="close">-->
													<!--<a href="#" onclick="$.fancybox.close();">Close</a>-->
												<!--</p>-->
											<!--</form>-->
										<!--</div>-->
									<!--</div>-->
									<!--<script>-->
											<!--function showRecoverPasswordForm() {-->
											  <!--$('#recover-password').css("display",'block');-->
											  <!--$('#lightboxlogin').css("display",'none');-->
											  <!--$('#create_accountBox').css("display",'none');-->
											<!--}-->
											<!--function hideRecoverPasswordForm() {-->
											  <!--$('#recover-password').css("display",'none');-->
											  <!--$('#lightboxlogin').css("display",'block');-->
											  <!--$('#create_accountBox').css("display",'none');-->
											<!--}-->
											<!--function showCreateAccountForm(){-->
											  <!--$('#recover-password').css("display",'none');-->
											  <!--$('#lightboxlogin').css("display",'none');-->
											  <!--$('#create_accountBox').css("display",'block');-->
											<!--}-->
										  <!--</script>-->
								<!--</div>-->
							<!--</li>-->
							<!--<li class="header-cart">-->
								<!--<a href="cart.html" class="site-header__cart-toggle js-drawer-open-right" aria-controls="CartDrawer" aria-expanded="false">-->
									<!--<i class="fa fa-shopping-basket"></i>-->
									<!--<span id="CartCount">0</span>-->
									<!--<span class="name">Shopping Cart</span>-->
								<!--</a>-->
							<!--</li>-->
						</ul>
					</div>
				</div>       
			</div>
		</header>

		<!-- Navigation Bar -->
		<nav class="nav-bar">
			<div class="wrapper">
				<div class="medium-down--hide">
					<!-- begin site-nav -->
					<ul class="site-nav" id="AccessibleNav">
						<li class="site-nav--active">
							<a href="index.html" class="site-nav__link">
								<span>首页</span>
							</a>
						</li>
						<li class="site-nav--has-dropdown" aria-haspopup="true" >
							<a href="/collection.html?keyword=&categoryId=" class="site-nav__link">
								<span>分类</span>
								<span class="icon icon-arrow-down" aria-hidden="true"></span>
							</a>
							<ul class="site-nav__dropdown" id="collectionNav">
								<!--这里是导航栏Collections的下拉导航-->
							</ul>
						</li>
						<li class="mega-menu site-nav--has-dropdown" aria-haspopup="true">
							<a href="/collection.html?keyword=&categoryId=" class="site-nav__link">
								<span>供应大厅</span>
								<!--<span class="icon icon-arrow-down" aria-hidden="true"></span>-->
								<span class="special_label hot_label">Hot</span>
							</a>
							<!--<ul class="site-nav__dropdown megamenu__dropdown megamenu_1">-->
							<!--<li class="nav-sampletext grid__item large&#45;&#45;one-quarter">-->
							<!--<a href="index.html"><img src="assets/images/logo-b.png" alt=""></a>-->
							<!--<p>-->
							<!--Lorem ipsum dolor sit amet, quod fabellas hendrerit per eu, mea populo epicuri et, ea possim numquam mea.-->
							<!--</p>-->
							<!--<p>-->
							<!--Duo harum ornatus ponderum an, at ius zril menandri praesent. Bonorum tacimates interesset has ei, pro ignota prodesset at. Vel ea velit percipitur.-->
							<!--</p>-->
							<!--</li>-->
							<!--<li class="nav-links nav-links01 grid__item large&#45;&#45;one-quarter">-->
							<!--<ul>-->
							<!--<li class="list-title">1st Collections</li>-->
							<!--<li class="list-unstyled nav-sub-mega">-->
							<!--<a href="collection.html">Book</a>-->
							<!--</li>-->
							<!--<li class="list-unstyled nav-sub-mega">-->
							<!--<a href="collection.html">Health &amp; Beatuty</a>-->
							<!--</li>-->
							<!--<li class="list-unstyled nav-sub-mega">-->
							<!--<a href="collection.html">Homelife</a>-->
							<!--</li>-->
							<!--<li class="list-unstyled nav-sub-mega">-->
							<!--<a href="collection.html">Home Appliances</a>-->
							<!--</li>-->
							<!--<li class="list-unstyled nav-sub-mega">-->
							<!--<a href="collection.html">Smartphones &amp; Cell Phones</a>-->
							<!--</li>-->
							<!--</ul>-->
							<!--</li>-->
							<!--<li class="nav-links nav-links02 grid__item large&#45;&#45;one-quarter">-->
							<!--<ul>-->
							<!--<li class="list-title">2nd Collections</li>-->
							<!--<li class="list-unstyled nav-sub-mega">-->
							<!--<a href="collection.html">Camera - Camcorder</a>-->
							<!--</li>-->
							<!--<li class="list-unstyled nav-sub-mega">-->
							<!--<a href="collection.html">Accessories</a>-->
							<!--</li>-->
							<!--<li class="list-unstyled nav-sub-mega">-->
							<!--<a href="collection.html">Kids &amp; Baby</a>-->
							<!--</li>-->
							<!--<li class="list-unstyled nav-sub-mega">-->
							<!--<a href="collection.html">Toy and Gift</a>-->
							<!--</li>-->
							<!--<li class="list-unstyled nav-sub-mega">-->
							<!--<a href="collection.html">Stationery</a>-->
							<!--</li>-->
							<!--</ul>-->
							<!--</li>-->
							<!--<li class="nav-links nav-links03 grid__item large&#45;&#45;one-quarter">-->
							<!--<ul>-->
							<!--<li class="list-title">Pages</li>-->
							<!--<li class="list-unstyled nav-sub-mega">-->
							<!--<a href="collection.html">All Collections</a>-->
							<!--</li>-->
							<!--<li class="list-unstyled nav-sub-mega">-->
							<!--<a href="product.html">All Products</a>-->
							<!--</li>-->
							<!--<li class="list-unstyled nav-sub-mega">-->
							<!--<a href="about-us.html">About us</a>-->
							<!--</li>-->
							<!--<li class="list-unstyled nav-sub-mega">-->
							<!--<a href="contact-us.html">Contact us</a>-->
							<!--</li>-->
							<!--<li class="list-unstyled nav-sub-mega">-->
							<!--<a href="wishlist.html">Wishlist</a>-->
							<!--</li>-->
							<!--</ul>-->
							<!--</li>-->
							<!--</ul>-->
						</li>

						<li>
							<a href="news.html" class="site-nav__link">
								<span>行业资讯</span>
								<span class="special_label new_label">New</span>
							</a>
						</li>
						<li>
							<a href="http://localhost:8084/traceability/index" class="site-nav__link">
								<span>真源码</span>
								<!--<span class="special_label new_label">New</span>-->
							</a>
						</li>
					</ul>
					<script>
                        $(window).ready(function($) {
                            //$('.megamenu__dropdown').css("width",$('#main-header').innerWidth());
                        });
                        $( window ).resize(function() {
                            //$('.megamenu__dropdown').css("width",$('#main-header').innerWidth());
                        });
					</script>
				</div>
			</div>
		</nav>    <!-- Main Content -->
    
		<main class="main-content">
			<!--ccccccccccccccccccccccccccccccccccccccccccc-->
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<ul id="myTab" class="nav nav-tabs">
							<!--<li class="active">-->
								<!--<a href="#home" data-toggle="tab" aria-expanded="true">-->
									<!--所有产品-->
								<!--</a>-->
							<!--</li>-->
							<!--<li class=""><a href="#ios" data-toggle="tab" aria-expanded="false">AAA</a></li>-->
							<!--<li class="">-->
								<!--<a href="#jmeter" data-toggle="tab" aria-expanded="false">BBB-->
									<!--&lt;!&ndash; <b class="caret"></b> &ndash;&gt;-->
								<!--</a>-->
							<!--</li>-->
						</ul>
						<div id="myTabContent" class="tab-content">
							<!--<div class="tab-pane fade active in" id="home">-->
								<!--&lt;!&ndash; 类似淘宝的分类 &ndash;&gt;-->
								<!--<div class="detail_informationTop">-->
									<!--<p>所有分类 &gt;</p>-->
									<!--<span class="detaInfor_PackUp" style=""><a href="javascript:;">收起分类</a></span>-->
								<!--</div>-->
								<!--<div class="detail_informationContent">-->
									<!--<div class="detail_informationContentT">-->
										<!--<ul class="select" style="list-style: none; display: block;">-->
											<!--<li class="select-list">-->
												<!--<dl id="select1">-->
													<!--<dt>方式：</dt>-->
													<!--<dd class="select-all selected"><a href="#">全部</a></dd>-->
													<!--<dd><a href="javascript:;">种植</a></dd>-->
													<!--<dd><a href="javascript:;">养殖</a></dd>-->
													<!--<dd><a href="javascript:;">加工</a></dd>-->
													<!--&lt;!&ndash; <dd><a href="#">羽绒服</a></dd>-->
                                                    <!--<dd><a href="#">棉衣</a></dd>-->
                                                    <!--<dd><a href="#">卫衣</a></dd>-->
                                                    <!--<dd><a href="#">风衣</a></dd>-->
                                                <!--</dl> &ndash;&gt;-->
												<!--</dl></li>-->
											<!--<li class="select-list">-->
												<!--<dl id="select2">-->
													<!--<dt>种植种类：</dt>-->
													<!--<dd class="select-all selected"><a href="#">全部</a></dd>-->
													<!--<dd><a href="javascript:;">111</a></dd>-->
													<!--<dd><a href="javascript:;">222</a></dd>-->
													<!--<dd><a href="javascript:;">333</a></dd>-->
													<!--<dd><a href="javascript:;">444</a></dd>-->
													<!--<dd><a href="javascript:;">555</a></dd>-->
												<!--</dl>-->
											<!--</li>-->
											<!--<li class="select-list">-->
												<!--<dl id="select3">-->
													<!--<dt>养殖种类：</dt>-->
													<!--<dd class="select-all selected"><a href="#">全部</a></dd>-->
													<!--<dd><a href="javascript:;">666</a></dd>-->
													<!--<dd><a href="javascript:;">777</a></dd>-->
													<!--<dd><a href="javascript:;">888</a></dd>-->
													<!--<dd><a href="javascript:;">999</a></dd>-->
												<!--</dl>-->
											<!--</li>-->
											<!--<li class="select-list">-->
												<!--<dl id="select4">-->
													<!--<dt>加工种类：</dt>-->
													<!--<dd class="select-all selected"><a href="#">全部</a></dd>-->
													<!--<dd><a href="javascript:;">AAA</a></dd>-->
													<!--<dd><a href="javascript:;">BBB</a></dd>-->
													<!--<dd><a href="javascript:;">CCC</a></dd>-->
													<!--<dd><a href="javascript:;">DDD</a></dd>-->
													<!--<dd><a href="javascript:;">EEE</a></dd>-->
												<!--</dl>-->
											<!--</li>-->
											<!--<li class="select-result">-->
												<!--<dl id="select0">-->
													<!--<dt>已选条件：</dt>-->
													<!--<dd class="select-no">暂时没有选择过滤条件</dd>-->
												<!--</dl>-->
											<!--</li>-->
										<!--</ul>-->
										<!--&lt;!&ndash; -================正在制作   selected 是背景橙色那个 &ndash;&gt;-->
									<!--</div>-->
								<!--</div>-->
							<!--</div>-->
							<!--<div class="tab-pane fade" id="ios">-->
								<!--&lt;!&ndash; 类似淘宝的分类 &ndash;&gt;-->
								<!--<div class="detail_informationTop">-->
									<!--<p>所有分类 &gt;</p>-->
									<!--<span class="detaInfor_PackUp" style=""><a href="javascript:;">收起分类</a></span>-->
								<!--</div>-->
								<!--<div class="detail_informationContent">-->
									<!--<div class="detail_informationContentT">-->
										<!--<ul class="select" style="list-style: none; display: block;">-->
											<!--<li class="select-list">-->
												<!--<dl id="select1">-->
													<!--<dt>方式：</dt>-->
													<!--<dd class="select-all selected"><a href="#">全部</a></dd>-->
													<!--<dd><a href="javascript:;">种植</a></dd>-->
													<!--<dd><a href="javascript:;">养殖</a></dd>-->
													<!--<dd><a href="javascript:;">加工</a></dd>-->
													<!--&lt;!&ndash; <dd><a href="#">羽绒服</a></dd>-->
                                                    <!--<dd><a href="#">棉衣</a></dd>-->
                                                    <!--<dd><a href="#">卫衣</a></dd>-->
                                                    <!--<dd><a href="#">风衣</a></dd>-->
                                                <!--</dl> &ndash;&gt;-->
												<!--</dl></li>-->
											<!--<li class="select-list">-->
												<!--<dl id="select2">-->
													<!--<dt>种植种类：</dt>-->
													<!--<dd class="select-all selected"><a href="#">全部</a></dd>-->
													<!--<dd><a href="javascript:;">111</a></dd>-->
													<!--<dd><a href="javascript:;">222</a></dd>-->
													<!--<dd><a href="javascript:;">333</a></dd>-->
													<!--<dd><a href="javascript:;">444</a></dd>-->
													<!--<dd><a href="javascript:;">555</a></dd>-->
												<!--</dl>-->
											<!--</li>-->
											<!--<li class="select-list">-->
												<!--<dl id="select3">-->
													<!--<dt>养殖种类：</dt>-->
													<!--<dd class="select-all selected"><a href="#">全部</a></dd>-->
													<!--<dd><a href="javascript:;">666</a></dd>-->
													<!--<dd><a href="javascript:;">777</a></dd>-->
													<!--<dd><a href="javascript:;">888</a></dd>-->
													<!--<dd><a href="javascript:;">999</a></dd>-->
												<!--</dl>-->
											<!--</li>-->
											<!--<li class="select-list">-->
												<!--<dl id="select4">-->
													<!--<dt>加工种类：</dt>-->
													<!--<dd class="select-all selected"><a href="#">全部</a></dd>-->
													<!--<dd><a href="javascript:;">AAA</a></dd>-->
													<!--<dd><a href="javascript:;">BBB</a></dd>-->
													<!--<dd><a href="javascript:;">CCC</a></dd>-->
													<!--<dd><a href="javascript:;">DDD</a></dd>-->
													<!--<dd><a href="javascript:;">EEE</a></dd>-->
												<!--</dl>-->
											<!--</li>-->
											<!--<li class="select-result">-->
												<!--<dl id="select0">-->
													<!--<dt>已选条件：</dt>-->
													<!--<dd class="select-no">暂时没有选择过滤条件</dd>-->
												<!--</dl>-->
											<!--</li>-->
										<!--</ul>-->
										<!--&lt;!&ndash; -================正在制作   selected 是背景橙色那个 &ndash;&gt;-->
									<!--</div>-->
								<!--</div>-->
							<!--</div>-->
							<!--<div class="tab-pane fade" id="jmeter">-->
								<!--&lt;!&ndash; 类似淘宝的分类 &ndash;&gt;-->
								<!--<div class="detail_informationTop">-->
									<!--<p>所有分类 &gt;</p>-->
									<!--<span class="detaInfor_PackUp" style=""><a href="javascript:;">收起分类</a></span>-->
								<!--</div>-->
								<!--<div class="detail_informationContent">-->
									<!--<div class="detail_informationContentT">-->
										<!--<ul class="select" style="list-style: none; display: block;">-->
											<!--<li class="select-list">-->
												<!--<dl id="select1">-->
													<!--<dt>方式：</dt>-->
													<!--<dd class="select-all selected"><a href="#">全部</a></dd>-->
													<!--<dd class=""><a href="javascript:;">种植</a></dd>-->
													<!--<dd><a href="javascript:;">养殖</a></dd>-->
													<!--<dd><a href="javascript:;">加工</a></dd>-->
													<!--&lt;!&ndash; <dd><a href="#">羽绒服</a></dd>-->
                                                    <!--<dd><a href="#">棉衣</a></dd>-->
                                                    <!--<dd><a href="#">卫衣</a></dd>-->
                                                    <!--<dd><a href="#">风衣</a></dd>-->
                                                <!--</dl> &ndash;&gt;-->
												<!--</dl></li>-->
											<!--<li class="select-list">-->
												<!--<dl id="select2">-->
													<!--<dt>种植种类：</dt>-->
													<!--<dd class="select-all selected"><a href="#">全部</a></dd>-->
													<!--<dd><a href="javascript:;">111</a></dd>-->
													<!--<dd class=""><a href="javascript:;">222</a></dd>-->
													<!--<dd><a href="javascript:;">333</a></dd>-->
													<!--<dd><a href="javascript:;">444</a></dd>-->
													<!--<dd><a href="javascript:;">555</a></dd>-->
												<!--</dl>-->
											<!--</li>-->
											<!--<li class="select-list">-->
												<!--<dl id="select3">-->
													<!--<dt>养殖种类：</dt>-->
													<!--<dd class="select-all selected"><a href="#">全部</a></dd>-->
													<!--<dd><a href="javascript:;">666</a></dd>-->
													<!--<dd class=""><a href="javascript:;">777</a></dd>-->
													<!--<dd><a href="javascript:;">888</a></dd>-->
													<!--<dd><a href="javascript:;">999</a></dd>-->
												<!--</dl>-->
											<!--</li>-->
											<!--<li class="select-list">-->
												<!--<dl id="select4">-->
													<!--<dt>加工种类：</dt>-->
													<!--<dd class="select-all selected"><a href="#">全部</a></dd>-->
													<!--<dd><a href="javascript:;">AAA</a></dd>-->
													<!--<dd><a href="javascript:;">BBB</a></dd>-->
													<!--<dd class=""><a href="javascript:;">CCC</a></dd>-->
													<!--<dd><a href="javascript:;">DDD</a></dd>-->
													<!--<dd><a href="javascript:;">EEE</a></dd>-->
												<!--</dl>-->
											<!--</li>-->
											<!--<li class="select-result">-->
												<!--<dl id="select0">-->
													<!--<dt>已选条件：</dt>-->
													<!--<dd class="select-no">暂时没有选择过滤条件</dd>-->
												<!--</dl>-->
											<!--</li>-->
										<!--</ul>-->
										<!--&lt;!&ndash; -================正在制作   selected 是背景橙色那个 &ndash;&gt;-->
									<!--</div>-->
								<!--</div>-->
								<!--&lt;!&ndash; <div class=""></div> &ndash;&gt;-->
							<!--</div>-->
						</div>
					</div>
				</div>
			</div>
			<!---->
			<div class="wrapper">
				<div id="filter-loading" style="display:none">
					<img src="/assets/images/gears.svg" alt="filter loading">
				</div>
				<div class="grid--rev" id="collection">
					<div class="grid__item large--three-quarters">
						<header class="section-header section-grid">
							<div class="section-header__right section-sorting">
								<div class="form-horizontal">

								</div>
								<div class="collection-view">
									<button type="button" title="Grid view" class="grid-button change-view change-view--active" data-view="grid">
									<span class="icon-fallback-text">
									<span class="icon icon-grid-view" aria-hidden="true"></span>
									<span class="fallback-text">Grid view</span>
									</span>
									</button>
									<button type="button" title="List view" class="list-button change-view " data-view="list">
									<span class="icon-fallback-text">
									<span class="icon icon-list-view" aria-hidden="true"></span>
									<span class="fallback-text">List view</span>
									</span>
									</button>
								</div>
							</div>
						</header>
						<div class="grid-uniform grid-uniform-category ">
							<div class="grid__item large--one-quarter medium--one-half">
								<div class="grid__item_wrapper">
									<div class="grid__image product-image">
										<a href="product.html">

											<img src="" alt="" style="height: 280px;width:200px">

										</a>
										<div class="quickview">
											<div class="product-ajax-cart hidden-xs hidden-sm">
												<div data-handle="consequuntur-magni-dolores" class="quick_shop-div">
													<!--<a href="#quick-shop-modal" class="btn quick_shop">
                                                        <i class="fa fa-eye" title="Quick View"></i>
                                                    </a>-->
												</div>
											</div>
										</div>
									</div>


									<p class="h6 product-title">
										<a href="product.html"></a>
									</p>
									<p class="product-price">
										<strong></strong>
										<span class="money" data-currency-usd="$19.99"></span>
										<span class="visually-hidden"></span>
										<s><span class="money" data-currency-usd="$24.99"></span></s>
									</p>
									<div class="list-mode-description">
									</div>
									<ul class="action-button">
										<li class="add-to-cart-form">
											<form action="#" method="get" enctype="multipart/form-data"  class="form-vertical">
												<div class="effect-ajax-cart">
													<!--<input type="hidden" name="quantity" value="1">-->

												</div>
											</form>
										</li>
										<li class="wishlist">
											<a class="wish-list btn" href="wishlist.html"><i class="fa fa-heart" title="Wishlist"></i></a>
										</li>
										<li class="email">
											<a target="_blank" class="btn email-to-friend" href="#"><i class="fa fa-envelope" title="Email to friend"></i></a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="grid__item large--one-quarter">
						<div class="group_sidebar">
							<div class="sb-wrapper featured-product-wrapper clearfix" data-animate="" data-delay="0">
								<div class="featured-product">
									<h6 class="sb-title">热卖商品</h6>
									<div class="sb-content featured-product-content">
										<div class="element full_width" data-animate="fadeInUp" data-delay="0">
											<div class="grid__item large--one-quarter medium--one-half">
												<div class="grid__item_wrapper">
													<div class="grid__image product-image">
														<a href="product.html" class="grid__image product-image">
															<img src="" alt="">
														</a>
														<div class="quickview">
															<div class="product-ajax-cart hidden-xs hidden-sm">
																<div data-handle="consequuntur-magni-dolores" class="quick_shop-div">
																	<!--<a href="#quick-shop-modal" class="btn quick_shop">
                                                                    <i class="fa fa-eye" title="Quick View"></i>
                                                                    </a>-->
																</div>
															</div>
														</div>
													</div>

													<p class="h6 product-title">
														<a href="product.html"></a>
													</p>
													<p class="product-price">

														<strong></strong>
														<span class="money" data-currency-usd="$19.99"></span>


													</p>
													<!--<div class="list-mode-description">
                                                         Quisque vel enim quis purus ultrices consequat, sed tincidunt massa blandit ipsum interdum tristique cras dictum, lacus eu molestie elementum nulla est auctor. Etiam dan lorem quis ligula elementum porttitor quisem. Duis eget purus urna fusce sed scelerisque ante. Lorem ipsum dolor sit amet consectetur...
                                                    </div>
                                                    <ul class="action-button">
                                                        <li class="add-to-cart-form">
                                                        <form action="#" method="post" enctype="multipart/form-data"  class="form-vertical">
                                                            <div class="effect-ajax-cart">
                                                                <input type="hidden" name="quantity" value="1">
                                                                <button type="submit" name="add"  class="btn btn-1 add-to-cart" title="Buy Now"><span id="AddToCartText"><i class="fa fa-shopping-cart"></i> Buy Now</span></button>
                                                            </div>
                                                        </form>
                                                        </li>
                                                        <li class="wishlist">
                                                        <a class="wish-list btn" href="wishlist.html"><i class="fa fa-heart" title="Wishlist"></i></a>
                                                        </li>
                                                        <li class="email">
                                                        <a target="_blank" class="btn email-to-friend" href="#"><i class="fa fa-envelope" title="Email to friend"></i></a>
                                                        </li>
                                                    </ul>-->
												</div>
											</div>
										</div>
										<div class="element full_width" data-animate="fadeInUp" data-delay="100">
											<div class="grid__item large--one-quarter medium--one-half">
												<div class="grid__item_wrapper">
													<div class="grid__image product-image">
														<a href="product.html" class="grid__image product-image">

															<img src="" alt="">

														</a>
														<div class="quickview">
															<div class="product-ajax-cart hidden-xs hidden-sm">
																<div data-handle="corporis-suscipit-laboriosam" class="quick_shop-div">
																	<!--<a href="#quick-shop-modal" class="btn quick_shop">
                                                                    <i class="fa fa-eye" title="Quick View"></i>

                                                                    </a>-->
																</div>
															</div>
														</div>
													</div>

													<p class="h6 product-title">
														<a href="product.html"></a>
													</p>
													<p class="product-price">
														<span class="money" data-currency-usd="$89.00"></span>
													</p>
													<!--<div class="list-mode-description">
                                                         Quisque vel enim quis purus ultrices consequat, sed tincidunt massa blandit ipsum interdum tristique cras dictum, lacus eu molestie elementum nulla est auctor. Etiam dan lorem quis ligula elementum porttitor quisem. Duis eget purus urna fusce sed scelerisque ante. Lorem ipsum dolor sit amet consectetur...
                                                    </div>
                                                    <ul class="action-button">
                                                        <li class="add-to-cart-form">
                                                        <form action="#" method="post" enctype="multipart/form-data"  class="form-vertical">
                                                            <div class="effect-ajax-cart">
                                                                <input type="hidden" name="quantity" value="1">
                                                                <button type="submit" name="add"  class="btn btn-1 add-to-cart" title="Buy Now"><span id="AddToCartText"><i class="fa fa-shopping-cart"></i> Buy Now</span></button>
                                                            </div>
                                                        </form>
                                                        </li>
                                                        <li class="wishlist">
                                                        <a class="wish-list btn" href="wishlist.html"><i class="fa fa-heart" title="Wishlist"></i></a>
                                                        </li>
                                                        <li class="email">
                                                        <a target="_blank" class="btn email-to-friend" href="#"><i class="fa fa-envelope" title="Email to friend"></i></a>
                                                        </li>
                                                    </ul>-->
												</div>
											</div>
										</div>
										<div class="element full_width" data-animate="fadeInUp" data-delay="200">
											<div class="grid__item large--one-quarter medium--one-half">
												<div class="grid__item_wrapper">
													<div class="grid__image product-image">
														<a href="product.html" class="grid__image product-image">

															<img src="" alt="">
														</a>
														<div class="quickview">
															<div class="product-ajax-cart hidden-xs hidden-sm">
																<div data-handle="cras-in-nunc-non-ipsum-duo-cursus-ultrices" class="quick_shop-div">
																	<!--<a href="#quick-shop-modal" class="btn quick_shop">
                                                                    <i class="fa fa-eye" title="Quick View"></i>
                                                                    </a>-->
																</div>
															</div>
														</div>
													</div>

													<p class="h6 product-title">
														<a href="http://demo.tadathemes.com/products/cras-in-nunc-non-ipsum-duo-cursus-ultrices"></a>
													</p>
													<p class="product-price">

														<strong></strong>
														<span class="money" data-currency-usd="$19.99"></span>
													</p>
													<!--<div class="list-mode-description">
                                                         Quisque vel enim quis purus ultrices consequat, sed tincidunt massa blandit ipsum interdum tristique cras dictum, lacus eu molestie elementum nulla est auctor. Etiam dan lorem quis ligula elementum porttitor quisem. Duis eget purus urna fusce sed scelerisque ante. Lorem ipsum dolor sit amet consectetur...
                                                    </div>
                                                    <ul class="action-button">
                                                        <li class="add-to-cart-form">
                                                        <form action="#" method="post" enctype="multipart/form-data"  class="form-vertical">
                                                            <div class="effect-ajax-cart">
                                                                <input type="hidden" name="quantity" value="1">
                                                                <button class="btn btn-1 select-option" type="button" title="Select Options"><i class="fa fa-bars"></i> Options</button>
                                                            </div>
                                                        </form>
                                                        </li>
                                                        <li class="wishlist">
                                                        <a class="wish-list btn" href="wishlist.html"><i class="fa fa-heart" title="Wishlist"></i></a>
                                                        </li>
                                                        <li class="email">
                                                        <a target="_blank" class="btn email-to-friend" href="#"><i class="fa fa-envelope" title="Email to friend"></i></a>
                                                        </li>
                                                    </ul>-->
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="sb-wrapper slider-banner-wrapper clearfix" data-animate="" data-delay="0">
								<img src="" alt="">
							</div>
						</div>
					</div>
				</div>
				<div class="pages" style="float:left">
					<div id="Pagination"><div class="pagination"><a class="current prev"><i></i>上一页</a><a class="current">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><span class="pagination-break">...</span><a href="#" class="ep">100</a><a href="#" class="next">下一页 <i></i></a></div></div>
					<div class="searchPage">
						<span class="page-sum">共<strong class="allPage">100</strong>页</span>
						<span class="page-go">跳转<input type="text" onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onfocus="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();">页</span>
						<a class="page-btn">GO</a>
					</div>
				</div>
			</div>

		</main>
		<footer class="site-footer">       

			<div class="grid__item footer_copyright">
				<div class="wrapper">
					<div class="grid">
						<div class="grid__item footer-copyright one-half small--one-whole medium--one-whole small--text-center" style="margin: 0 auto;float:none;">
							<p style="text-align: center;font-size: 20px;">
								© 2019 仲恺农业工程学院智慧农业109实验室
							</p>
						</div>
					</div>
				</div>
			</div>
			
			<script type="text/javascript">
			  $(function () {
				$(".fi-title").click(function(){
				  $(this).toggleClass('opentab');
				});
			  });
			</script>         
		</footer>
	</div>

	<div id="scroll-to-top" title="Scroll to Top" class="off">
		<i class="fa fa-caret-up"></i>
	</div>
    
    <script>
		var tada_index,tada_autosearchcomplete,tada_swiftype,tada_ads,tada_adsspeed,tada_slideshowtime,tada_block1gallery=false,tada_block1product=false, tada_newsletter=false;
		  tada_index=1;
		  tada_ads=1;
		  tada_adsspeed=5000;
		  tada_slideshowtime = 30000;
		  tada_block1gallery = true;
		  tada_block1product = true;
		  tada_newsletter = true;
    </script>
  
	<script src="/assets/js/modernizr.min.js" type="text/javascript"></script>
	<script src="/assets/js/timber.js" type="text/javascript"></script>
  
	<div id="quick-shop-modal" class="modal quick-shop" style="display:none;">
		<div class="modal-dialog fadeIn">
			<div class="modal-content">
				<div class="modal-body">
					<div class="quick-shop-modal-bg">
					</div>
					<div class="grid__item one-half qs-product-image">
						<div id="quick-shop-image" class="product-image-wrapper">
							<div id="featuted-image" class="main-image featured">
								<img class="img-zoom img-responsive image-fly" src="/assets/images/demo1_qs_480x480.jpg" data-zoom-image="assets/images/demo1_qs_480x480.jpg" alt="">
							</div>
							<div id="gallery_main_qs" class="product-image-thumb scroll scroll-mini">
								<div class="qs-vertical-slider product-single__thumbnails">
										<a class="image-thumb active thumb__element"><img src="/assets/images/demo1_qs1_100x100.jpg" alt="" /></a>
										<a class="image-thumb thumb__element"><img src="/assets/images/demo1_qs2_100x100.jpg" alt="" /></a>
										<a class="image-thumb thumb__element"><img src="/assets/images/demo1_qs3_100x100.jpg" alt="" /></a>
										<a class="image-thumb thumb__element"><img src="/assets/images/demo1_qs4_100x100.jpg" alt="" /></a>
										<a class="image-thumb thumb__element"><img src="/assets/images/demo1_qs5_100x100.jpg" alt="" /></a>
								</div>
							</div>
							<div class="vertical-slider product-single__thumbnails" style="opacity: 0;">
							</div>
						</div>
					</div>
					<div class="grid__item one-half qs-product-information">
						<div id="quick-shop-container">
							<h3 id="quick-shop-title"><a href="product.html">Corporis suscipit laboriosam</a></h3>
							<div class="rating-star">
								<span class="shopify-product-reviews-badge" data-id="3008529923"></span>
							</div>
							<div class="description">
								<div id="quick-shop-description" class="text-left">
									<p>
										Quisque vel enim quis purus ultrices consequat, sed tincidunt massa blandit ipsum interdum tristique cras dictum, lacus eu molestie elementum nulla est auctor. Etiam dan lorem quis ligula elementum porttitor quisem. Duis eget purus urna fusce sed scelerisque ante. Lorem ipsum dolor sit amet conse...
									</p>
								</div>
							</div>
							<form action="#" method="post" class="variants" id="AddToCartForm" enctype="multipart/form-data">
								<div id="quick-shop-price-container" class="detail-price">
									<span class="price"><span class="money">$89.00</span></span>
								</div>
								<div class="quantity-wrapper clearfix">
									<label class="wrapper-title">Quantity</label>
									<div class="wrapper">
										<span class="qty-down" title="Decrease" data-src="#qs-quantity">
										<i class="fa fa-minus"></i>
										</span>
										<input type="text" id="qs-quantity" size="5" class="item-quantity" name="quantity" value="1">
										<span class="qty-up" title="Increase" data-src="#qs-quantity">
										<i class="fa fa-plus"></i>
										</span>
									</div>
								</div>
								<div id="quick-shop-variants-container" class="variants-wrapper" style="display: block;">
									<div class="selector-wrapper">
										<label for="#quick-shop-variants-3008529731-option-0">Size</label>
										<select class="single-option-selector" data-option="option1" id="#quick-shop-variants-3008529731-option-0">
											<option value="XS">XS</option>
											<option value="S">S</option>
											<option value="M">M</option>
											<option value="L">L</option>
											<option value="XL">XL</option>
										</select>
									</div>
									<div class="selector-wrapper">
										<label for="#quick-shop-variants-3008529731-option-1">Color</label>
										<select class="single-option-selector" data-option="option2" id="#quick-shop-variants-3008529731-option-1">
											<option value="Black">Black</option>
											<option value="Red">Red</option>
											<option value="Green">Green</option>
											<option value="Blue">Blue</option>
											<option value="White">White</option>
										</select>
									</div>
								</div>
								<div class="others-bottom">
									<input id="AddToCart" class="btn btn-1 small add-to-cart" type="submit" name="add" value="Buy Now">
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script type="text/javascript">	  
	  jQuery(document).ready(function($) {  
		if($('.quantity-wrapper').length){
		  $('.quantity-wrapper').on('click', '.qty-up', function() {
			var $this = $(this);
			var qty = $this.data('src');
			$(qty).val(parseInt($(qty).val()) + 1);
		  });
		  $('.quantity-wrapper').on('click', '.qty-down', function() {
			var $this = $(this);
			var qty = $this.data('src');
			if(parseInt($(qty).val()) > 1)
			  $(qty).val(parseInt($(qty).val()) - 1);
		  });
		}	 			 
	  });
	</script>

</body>
